<template>
	<div class="posting" id="jhdialog">
		<div class="socialTitle clearfix">
			<div class="titleName">岗位管理</div>
			<!-- <div class="export fr" @click="importData()">导出</div> -->
		</div>
		<div class="cash-title-list">
			<template v-for="item in tabs">
				<!-- 消息未读的气泡 -->
				<el-badge :value="unreadNum" :hidden="item.label != '未审核岗位' || unreadNum == 0" class="item">
					<div class="item-title" :key="item.status" v-html="item.label"
						:class="{'action':Action===item.status}" @click="query(item.status)"></div>
				</el-badge>
			</template>

			<!--  <div class="item-title" :class="{action:Action==='1',item1:Action==='2'}" @click="query('1')">已付费岗位 </div>
      <div class="item-title" :class="{action:Action==='2',item2:Action==='1'}" @click="query('2')">未付费岗位</div>
      <div class="item-title" :class="{action:Action==='2',item2:Action==='1'}" @click="query('3')">未审核岗位</div>
      <div class="item-title" :class="{action:Action==='2',item2:Action==='1'}" @click="query('4')">已审核岗位</div>
      <div class="item-title" :class="{action:Action==='2',item2:Action==='1'}" @click="query('5')">已下架岗位</div>
      -->
		</div>
		<div class="main">
			<div class="toolBox">
				<div class="search-box2" v-if="Action != '5'">
					<div class="formItemBox">
						<el-col :span="10">
							<div class="search-item1">
								<span v-if="Action == '3' || Action == '4'">发布时间段</span>
								<span v-else-if="Action == '6' || Action == '7'">过保障期时间</span>
								<span v-else>发布时间段</span>
								<el-date-picker v-model="form.starttime" type="date" placeholder="请选择"
									value-format="yyyy-MM-dd" style="width:140px"></el-date-picker>
								<span class="separator">~</span>
								<el-date-picker v-model="form.endtime" type="date" placeholder="请选择"
									value-format="yyyy-MM-dd" style="width:140px"></el-date-picker>
							</div>
						</el-col>
						<el-col :span="14">
							<div class="search-item1">
								<span>公司名称</span>
								<el-input class="name" style="width:180px" v-model="form.companyname"
									placeholder=" 请输入公司名称" clearable></el-input>
							</div>
						</el-col>
					</div>
					<div class="formItemBox" style="position: relative;">
						<el-col :span="16">
							<!-- <div class="search-item1" v-if="Action === '6' || Action === '7'">
                <span>支付状态</span>
              </div> -->
							<!-- ----------------------------------------------------------- -->
							<!-- 当点击除了 第五  第六个 岗位管理按钮的时候 显示所在地区input框-->
							<!-- ------------------------------------------------------------- -->
							<div class="search-item1" v-if="Action !== '6' && Action !== '7'">
								<span>所在地区</span>
								<city-Cascader :citys="form.citys" :level="level" @handleChange="handleCityChange">
								</city-Cascader>
								<div v-if="Action == '4'" style="position: absolute;top: 10px;
    left: 601px;">
									<span v-if="Action == '4'" style="font-size: 14px;">&nbsp;审核人</span>

									<el-select v-model="peoplename" placeholder="请选择" ref="testCascader"
										style="margin-left: 22px;" @change="getlable" v-if="Action == '4'">
										<el-option v-for="(item,i) in peoplelist" :label="item.name" :value="i+100">
										</el-option>


									</el-select>
								</div>
							</div>
						</el-col>
						            <el-col :span="16">
							              <div class="search-item1" v-if="Action === '1'">
								                <span>是否已有额外奖励积分</span>
								                
								<el-switch v-model="value" active-color="#13ce66" @change="onOffChange" inactive-color="#ff4949">
								</el-switch>
								              
							</div>
							            </el-col>
						<!-- ----------------------------------------------------------- -->
						<!--   查询按钮   占了总页面宽度得三分之一-->
						<!-- ------------------------------------------------------------- -->
						<el-col :span="8">
							<div class="search-item1" style="text-align:right">
								<!-- <el-button class="search" @click="reset('sform')">重置</el-button> -->
								<el-button class="search" type="primary" @click="searchData" style="width:140px;">查询
								</el-button>
							</div>
						</el-col>
					</div>
				</div>
				<!-- ----------------------------------------------------------- -->
				<!-- 当点击除了 第四个 已下架岗位  按钮的时候 显示下架时间段  input框  ps：直至170行代码都是-->
				<!-- ------------------------------------------------------------- -->
				<div class="search-box2" v-if="Action == '5'">
					<div class="formItemBox">
						<el-col :span="10">
							<div class="search-item1">
								<span>下架时间段</span>
								<el-date-picker v-model="form.starttime" type="date" placeholder="请选择"
									value-format="yyyy-MM-dd" style="width:140px"></el-date-picker>
								<span class="separator">~</span>
								<el-date-picker v-model="form.endtime" type="date" placeholder="请选择"
									value-format="yyyy-MM-dd" style="width:140px"></el-date-picker>
							</div>
						</el-col>
						<el-col :span="14">
							<div class="search-item1">
								<span>公司名称</span>
								<el-input class="name" style="width:180px" v-model="form.companyname"
									placeholder=" 请输入公司名称" clearable></el-input>
							</div>
						</el-col>
					</div>
					<div class="formItemBox">
						<el-col :span="10">
							<div class="search-item1">
								<span>所在地区</span>
								<!-- <el-cascader
                  style="width:180px"
                  :options="addressOptions"
                  v-model="regions"
                  :show-all-levels="false"
                  :clearable="true"
                  :props="addressProps"
                  @change="changeCity()"
                ></el-cascader>-->
								<city-Cascader :citys="form.citys" :level="level" @handleChange="handleCityChange">
								</city-Cascader>
							</div>
						</el-col>
						<el-col :span="8">
							<div class="search-item1">
								<span>下架类型</span>
								<el-select v-model="form.soldouttype" placeholder="请选择" clearable>
									<el-option v-for="(item,index) in roleLevelOptions" :key="index" :label="item.label"
										:value="item.type"></el-option>
								</el-select>
								<!-- <el-cascader
                  style="width:180px"
                  :options="addressOptions"
                  v-model="regions"
                  :show-all-levels="false"
                  :clearable="true"
                  :props="addressProps"
                  @change="changeCity()"
                ></el-cascader>-->
							</div>
						</el-col>
						<el-col :span="6">
							<div class="search-item1" style="text-align:right">
								<!-- <el-button class="search" @click="reset('sform')">重置</el-button> -->
								<el-button class="search" type="primary" @click="searchData" style="width:140px;">查询
								</el-button>
							</div>
						</el-col>
					</div>
				</div>
			</div>
			<div class="nodata" v-if="false">
				<i class="el-icon-warning"></i>
				<span>暂时没有相关内容</span>
			</div>
			<div class="tableBox posting_box_list">
				<el-table :data="tableDatayfb" stripe style="width: 100%" v-if="Action === '1'" v-loading="loading"
					border>
					<!-- // ===============================================
      // 遍历  岗位管理里得  已发布  岗位下面的表单
      // =============================================== -->
					<template v-for="(item,index) in tableColumn_1">

						<!--  -->
						<el-table-column :key="item.value"
							v-if="item.value!=='opt' && item.value!=='soldouttype' && item.value!=='positionname'&& item.value!=='soldoutdate' && item.value!=='insertdate' && item.value!=='integral' && item.value !== 'paynum'"
							:prop="item.value" :label="item.label" align="center"></el-table-column>





						<el-table-column :key="item.value"
							v-if="(Action == 3 || Action == '5') && item.value=='positionname'" :prop="item.value"
							:label="item.label" align="center">
							<template slot-scope="scope">
								<el-button @click="showDetail(scope.row)" type="text" size="small">
									{{scope.row.positionname}}
								</el-button>
							</template>>
						</el-table-column>



						<el-table-column :key="index"
							v-if="(Action != '3' && Action != '5') && item.value=='positionname'" :prop="item.value"
							:label="item.label" align="center"></el-table-column>

						<el-table-column :key="item.value" min-width="95px" :label="item.label" align="center"
							:prop="item.value" v-else-if="Action == '5' &&　item.value=='soldouttype'">
							<template slot-scope="scope">
								<!-- 下架类型下面得判断 soldouttype 是不是等于0 ，等于0 得话就显示企业下架 否则就显示  平台下架 -->
								<div type="text" size="small">{{scope.row.soldouttype == 0?'企业下架':'平台下架'}}</div>
							</template>>
						</el-table-column>
						<el-table-column :key="item.value" min-width="95px" :label="item.label" align="center"
							v-else-if="item.value=='insertdate'" :prop="item.value"></el-table-column>
						<el-table-column :key="item.value" min-width="95px" :label="item.label" align="center"
							v-else-if="item.value=='integral'" prop="rewardtype,rewardmoney,rewardtime">
							<template slot-scope="scope" v-if="scope.row.rewardtype">
							<span v-if="scope.row.rewardtype!=3">
								{{scope.row.rewardmoney}}积分 
								补贴时长{{scope.row.rewardtime}}个月
								{{scope.row.rewardtype=='1'?'每月':'每小时'}}
							</span>
								
								<span v-if="scope.row.rewardtype==3">{{scope.row.rewardtime}}</span>
							</template>
							
							 
						</el-table-column>
						
						<el-table-column :key="item.value" min-width="95px" :label="item.label" align="center"
							v-else-if="item.value=='integral'" prop="rewardtype,rewardmoney,rewardtime">
							<template slot-scope="scope" v-if="scope.row.rewardtype">
								<span>{{scope.row.rewardtype=='1'?'每月':'每小时'}}
								{{scope.row.rewardmoney}}积分<br>
								补贴时长{{scope.row.rewardtime}}个月1</span>
							</template>
							
							 
						</el-table-column>
						
						

						<el-table-column :key="item.value" :label="item.label" align="center" :prop="item.value"
							v-else-if="Action == '5' &&　item.value=='soldoutdate'"></el-table-column>
						<!-- ================岗位管理操作部分代码=============================================================== -->
						<el-table-column :key="item.value"
							v-else-if="item.value=='opt' && Action != '5' && Action != '3'" label="操作" min-width="100px"
							align="center">
							<template slot-scope="scope">
								<el-button @click="showDetail(scope.row)" type="text" size="small" v-if="Action != '3'">
									查看</el-button>
								<!-- <el-button
                  @click="toExamine(scope.row)"
                  type="text"
                  size="small"
                  v-if="Action == '3'"
                  v-show="global.powerAllBtn.qygl.gwglshBtn"
                >审核</el-button>-->
								<!-- <el-button v-show="scope.row.remark === '1'" type="text" size="small" @click="remove(scope.row)">下架</el-button> -->
								<el-button type="text" size="small" @click="remove(scope.row)"
									v-show="global.powerAllBtn.qygl.gwglxjBtn">下架</el-button>
								<el-button type="text" size="small" @click="toReport(scope.row,4)"
									v-show="global.powerAllBtn.qygl.gwglsbBtn">上报</el-button>
								<el-button type="text" size="small" @click="additional(scope.row)"
									v-show="global.powerAllBtn.qygl.gwglsbBtn">额外奖励积分</el-button>
							</template>
						</el-table-column>

						<el-table-column :key="item.value"
							v-else-if="item.value=='opt' && Action == '3' && (global.powerAllBtn.qygl.gwglshBtn ||global.powerAllBtn.qygl.gwglxjBtn || global.powerAllBtn.qygl.gwglsbBtn)"
							label="操作" min-width="100px" align="center">
							<template slot-scope="scope">
								<el-button @click="toExamine(scope.row)" type="text" size="small"
									v-if="global.powerAllBtn.qygl.gwglshBtn">审核</el-button>
								<!-- <el-button v-if="scope.row.remark === '1'" type="text" size="small" @click="remove(scope.row)">下架</el-button> -->
								<el-button type="text" size="small" @click="remove(scope.row)"
									v-if="global.powerAllBtn.qygl.gwglxjBtn">下架</el-button>
								<el-button type="text" size="small" @click="toReport(scope.row,4)"
									v-if="global.powerAllBtn.qygl.gwglsbBtn">上报</el-button>
							</template>
						</el-table-column>

						<el-table-column :key="item.value" v-else-if="item.value=='opt' && Action == '5'" label="操作"
							min-width="80px" align="center">
							<template slot-scope="scope">
								<el-button @click="showLogDetail(scope.row)" type="text" size="small"
									v-if="scope.row.soldouttype == 2">查看</el-button>
							</template>
						</el-table-column>
					</template>
				</el-table>
				<!--  -->
				<el-table :data="tableData" stripe style="width: 100%" v-else-if="Action !== '6' && Action !== '7'"
					v-loading="loading" border>
					<!-- // ===============================================
      // 遍历  岗位管理里得  已下架  岗位下面的表单
      // =============================================== -->
					<template v-for="(item,index) in tableColumn">
						<el-table-column :key="item.value"
							v-if="item.value!=='opt' && item.value!=='soldouttype' && item.value!=='positionname' && item.value!=='companyname' && item.value!=='soldoutdate' && item.value!=='auditorname' && item.value!=='insertdate'"
							v-loading="istrue" :prop="item.value" :label="item.label" align="center"></el-table-column>
						<!-- <el-table-column :key="item.value" v-if="(Action == 3 || Action == '5') && item.value=='positionname'" :prop="item.value"
						 :label="item.label" align="center">
							<template slot-scope="scope">
								<el-button @click="showDetail(scope.row)" type="text" size="small">{{scope.row.positionname}}</el-button>
							</template>>
						</el-table-column> -->


						<el-table-column :key="item.value"
							v-if="(Action == 3 || Action == '5') && item.value=='companyname'" :prop="item.value"
							:label="item.label" align="center">
							<template slot-scope="scope">
								<p style=" display: inline-block;width: 100px; color: rgb(64, 158, 255); cursor: pointer;"
									@click="checkInfo(scope.row)" type="text" size="small">{{scope.row.companyname}}</p>
							</template>

						</el-table-column>

						<el-table-column :key="item.value" v-if="(Action == 4 ) && item.value=='auditorname'"
							:prop="item.value" :label="item.label" align="center">
							<template slot-scope="scope">
								<p type="text" size="small">{{scope.row.auditorname}}</p>
							</template>

						</el-table-column>




						<el-table-column :key="item.value"
							v-if="(Action == 3 || Action == '5') && item.value=='positionname'" :prop="item.value"
							:label="item.label" align="center">
							<template slot-scope="scope">
								<el-button @click="showDetail(scope.row)" type="text" size="small">
									{{scope.row.positionname}}
								</el-button>
							</template>>

						</el-table-column>

						<el-table-column :key="index"
							v-if="(Action != '3' && Action != '5') && item.value=='positionname'" :prop="item.value"
							:label="item.label" align="center"></el-table-column>
						<!-- 下架类型 -->
						<el-table-column :key="item.value" min-width="95px" :label="item.label" align="center"
							:prop="item.value" v-else-if="Action == '5' &&　item.value=='soldouttype'">
							<template slot-scope="scope">
								<div type="text" size="small">{{scope.row.soldouttype == 0?'企业下架':'平台下架'}}</div>
							</template>>
						</el-table-column>
						<!-- 发布日期 -->
						<el-table-column :key="item.value" min-width="95px" :label="item.label" align="center"
							v-else-if="item.value=='insertdate'" :prop="item.value"></el-table-column>
						<!-- 下架时间 -->
						<el-table-column :key="item.value" :label="item.label" align="center" :prop="item.value"
							v-else-if="Action == '5' &&　item.value=='soldoutdate'"></el-table-column>
						<!-- 操作 -->
						<el-table-column :key="item.value"
							v-else-if="item.value=='opt' && Action != '5' && Action != '3'" label="操作" min-width="100px"
							align="center">
							<template slot-scope="scope">
								<el-button @click="showDetail(scope.row)" type="text" size="small" v-if="Action != '3'">
									查看</el-button>
								<!-- <el-button
                  @click="toExamine(scope.row)"
                  type="text"
                  size="small"
                  v-if="Action == '3'"
                  v-show="global.powerAllBtn.qygl.gwglshBtn"
                >审核</el-button>-->
								<!-- <el-button v-show="scope.row.remark === '1'" type="text" size="small" @click="remove(scope.row)">下架</el-button> -->
								<el-button type="text" size="small" @click="remove(scope.row)"
									v-show="global.powerAllBtn.qygl.gwglxjBtn">下架</el-button>
								<el-button type="text" size="small" @click="toReport(scope.row,4)"
									v-show="global.powerAllBtn.qygl.gwglsbBtn">上报</el-button>
							</template>
						</el-table-column>

						<el-table-column :key="item.value"
							v-else-if="item.value=='opt' && Action == '3' && (global.powerAllBtn.qygl.gwglshBtn ||global.powerAllBtn.qygl.gwglxjBtn || global.powerAllBtn.qygl.gwglsbBtn)"
							label="操作" min-width="100px" align="center">
							<template slot-scope="scope">
								<el-button @click="toExamine(scope.row)" type="text" size="small"
									v-if="global.powerAllBtn.qygl.gwglshBtn">
									<!-- 消息未读的气泡 -->
									<el-badge is-dot class="item">审核</el-badge>
								</el-button>
								<!-- <el-button v-if="scope.row.remark === '1'" type="text" size="small" @click="remove(scope.row)">下架</el-button> -->
								<el-button type="text" size="small" @click="remove(scope.row)"
									v-if="global.powerAllBtn.qygl.gwglxjBtn">下架</el-button>
								<el-button type="text" size="small" @click="toReport(scope.row,4)"
									v-if="global.powerAllBtn.qygl.gwglsbBtn">上报</el-button>
							</template>
						</el-table-column>

						<el-table-column :key="item.value" v-else-if="item.value=='opt' && Action == '5'" label="操作"
							min-width="80px" align="center">
							<template slot-scope="scope">
								<el-button @click="showLogDetail(scope.row)" type="text" size="small"
									v-if="scope.row.soldouttype == 2">查看</el-button>
							</template>
						</el-table-column>
					</template>
				</el-table>
				<el-table v-else-if="Action === '6' || Action === '7'" :data="tableData1" stripe style="width: 100%"
					border>
					<!-- // ===============================================
            // 遍历  岗位管理里得   未付费员工   下面的表单
            // =============================================== -->
					<template v-for="item in tableColumn_">
						<el-table-column align="center" :key="item.value" :prop="item.value" :label="item.label">
						</el-table-column>
					</template>
					<!-- 如果是未付费员工栏  就显示‘待支付费用’  否则就显示 ‘ 已支付费用’  -->
					<el-table-column align="center" prop="paynum" :label="Action === '6' ? '待支付费用' : '已支付费用'">
					</el-table-column>
					<!-- 如果是 已付费员工栏得话    就显示支付时间这个选项栏-->
					<el-table-column align="center" v-if="Action === '7'" prop="paydate" label="支付时间">
					</el-table-column>
				</el-table>
			</div>
			<div class="pageBox" v-show="Action!=6">
				<!-- =========================== -->
				<!-- 分页器得一页显示条数 -->
				<!-- ========================== -->
				<el-pagination @size-change="handleSizeChange" @current-change="pageChange" :current-page="currentPage"
					:page-sizes="[10,20, 30, 50,100]" :page-size="pageSize"
					layout="total, sizes, prev, pager, next, jumper" :total="total" background></el-pagination>
			</div>
			<!-- 未付费员工的分页 -->
			<div class="pageBox" v-show="Action==6">
				<!-- =========================== -->
				<!-- 分页器得一页显示条数 -->
				<!-- ========================== -->
				<el-pagination @size-change="handleSizeChange" @current-change="pageChange" :current-page="currentPage"
					:page-sizes="[10,20, 30, 50,100]" :page-size="pageSize"
					layout="total, sizes, prev, pager, next, jumper" :total="total1" background></el-pagination>
			</div>

			<el-dialog :visible.sync="detailFlag" width="800px" center>
				<position-info v-if="detailFlag" :id="positionid" :type="searchParam.type" :currentAction="Action"
					v-on:cancle="cancle" :remark="remark" :company="company"></position-info>
				<div slot="footer">
					<!-- <el-button>取 消</el-button>
          <el-button type="primary">确 定</el-button>-->
				</div>
			</el-dialog>
			<!-- ====================================================== -->
			<!-- 岗位管理里的  已审核岗位的   上报按钮的弹出框      -->
			<!-- ====================================================== -->
			<el-dialog :visible.sync="warnDialogVisible" width="500px" @close="closeWarnDialog">
				<div class="warn-dialog-header">
					<span>上报原因</span>
				</div>
				<div class="warn-dialog-body">
					<div class="warn-dialog-body-title">发送内容</div>
					<el-input type="textarea" :rows="6" v-model.trim="reportContent"></el-input>
					<div class="warn-dialog-btn">
						<el-button style="margin-right: 30px;" @click="warnDialogVisible = false">取消</el-button>
						<el-button type="primary" @click="confirmReport">确定</el-button>
					</div>
				</div>
			</el-dialog>
			<!-- 岗位管理里已完成岗位  的额外奖励积分弹出框 -->
			<el-dialog :visible.sync="additionalDialogVisible" width="500px" height="400px" @close="closeWarnDialog">
				<div class="warn-dialog-header">
					<span>设定额外奖励金额</span>
				</div>
				<div class="warn-dialog-body">

					<el-input type="textarea" :rows="6"  placeholder="请输入额外奖励金额" v-model="rewardmoney">
					</el-input>

					<div class="warn-dialog-btn" style="margin-top: 74px">
						<el-button style="margin-right: 30px;" @click="additionalDialogVisible = false">取消</el-button>
						<el-button style="margin-right: 30px;" type="danger" v-if="DetermineData" @click="endThisPay">
							取消已设定奖励</el-button>
						<el-button type="primary" @click="additionalReport">确定</el-button>
					</div>
				</div>
			</el-dialog>
			<!-- ====================================================== -->
			<!-- 岗位管理里的  已下架岗位的   查看按钮的弹出框      -->
			<!-- ====================================================== -->
			<el-dialog :visible.sync="logDialogVisible" width="800px">
				<div style="padding: 20px;">
					<el-table :data="logTabData" stripe style="width: 100%" :header-cell-style="{textAlign: 'center'}"
						border>
						<el-table-column align="center" prop="name" label="操作人员名称" min-width="100px"></el-table-column>
						<el-table-column align="center" prop="number" label="工号"></el-table-column>
						<el-table-column align="center" prop="telnum" label="手机号码"></el-table-column>
						<el-table-column align="center" prop="status" label="操作状态">
							<template
								slot-scope="scope">{{ scope.row.status === '0' ? '上报' : scope.row.status === '1' ? '处理完成同意':'处理完成不同意' }}</template>
						</el-table-column>
						<el-table-column align="center" prop="content" label="操作备注内容" min-width="100px">
						</el-table-column>
						<el-table-column align="center" prop="insertdate" label="操作时间" min-width="170px">
						</el-table-column>
					</el-table>
					<div style="display:flex; just-content: flex-end;padding-top: 20px;">
						<el-pagination style="margin-left: auto;" @current-change="logPagenum = $event"
							:current-page="logPagenum" :page-size="10" layout="total, prev, pager, next"
							:total="logTotalnum" background></el-pagination>
					</div>
				</div>
			</el-dialog>
			<!-- ====================================================== -->
			<!-- 岗位管理里的  已审核岗位的   下架按钮的弹出框      -->
			<!-- ====================================================== -->
			<el-dialog :visible.sync="soldOutDialogVisible" width="500px" @close="restoration.remark = ''">
				<div style="padding: 20px;">
					<p style="font-size: 20px; margin-bottom: 20px;">提示</p>
					<!-- <p>
						{{`下架将返还${this.restoration.restoremoney}元,${
            this.restoration.restoreintegral
            }积分,是否继续?`}}
					</p> -->
					<div style="margin-top: 10px;">
						<el-input type="textarea" :rows="2" placeholder="请输入下架理由" v-model="restoration.remark">
						</el-input>
					</div>
					<div class="warn-dialog-btn">
						<el-button style="margin-right: 30px;" @click="soldOutDialogVisible = false">取消</el-button>
						<el-button type="primary" @click="sendRemove">确定</el-button>
					</div>
				</div>
			</el-dialog>
		</div>
		<el-dialog :visible.sync="checkFlag" width="1040px" class="jhdialog">
			<!-- 帮这个check  弹窗绑定  date 数据里面的公司名称  和  公司id  -->
			<!-- 应该是给这个 check  传了一个type  为0，tabnum为 4 ， 
		        companyName为 info对象里的companyname ，companyId为info对象里的companyId
		   -->
			<check v-if="checkFlag" :companyName="info.companyname" :companyId="info.companyid" :type="'0'"
				:tabNum="'4'"></check>
		</el-dialog>
	</div>


</template>
<script>
	// 级联选择器
	import cityCascader from "../../../component/cityCascader/index.vue";
	import positionInfo from "./positionInfo.vue"; //查看岗位i
	import check from "../socialCheck/check.vue";
	export default {
		components: {
			positionInfo,
			cityCascader,
			check

		},
		props: ["unreadNum"],

		data() {
			return {
				insertOrupdate:false,
				rewardmoney:'',
				peoplelist: [],
				checkFlag: false,
				istrue: true,
				peoplename: '',
				value: false, //开关
				ordertype: "1",
				Action: "1",
				loading: true,
				form: {
					userid: localStorage.getItem('userid'),
					auditorname: "",
					searchauditorname: '',
					tabstype: "", //支付，审核'
					starttime: "",
					endtime: "",
					companyname: "",
					pagenum: "1", //查询页码
					pagecount: "1", //当前页面总数
					totalpage: "", //所有页数
					pagesize: 10, //页码大小
					totalnum: "", //搜索总数
					region: "",
					soldouttype: "", //下架类型
					citys: [],
					province: "", //省份编码
					city: '', //城市编码
					area: '', //区域编码
					bountyExit: 0
				},
				searchParam: {
					type: "0",
					keytype: "1",
					keyvalue: "",
					tradename: ""
				},
				restoration: {
					positionid: "",
					restoremoney: "",
					restoreintegral: ""
				},

				orderList: [{
						value: "1",
						label: "发布日期排序"
					}
					// {
					//   value: "2",
					//   label: "薪资高低排序"
					// }
				],
				// ===============================================
				// 遍历  岗位管理里得  已下架  岗位下面的表单
				// ===============================================
				tableColumn: [{
						label: "招聘企业",
						value: "companyname"
					},
					{
						label: "职位名称",
						value: "positionname"
					},
					{
						label: "工作地点",
						value: "address"
					},
					{
						label: "薪资待遇",
						value: "offer"
					},
					{
						label: "要求年限",
						value: "worklife"
					},
					{
						label: "招聘人数",
						value: "recruitment"
					},
					{
						label: "发布日期",
						value: "insertdate"
					},
					{
						label: "审核人",
						value: "auditorname"
					},
					{
						label: "下架类型",
						value: "soldouttype"
					}, //下架类型
					{
						label: "下架时间",
						value: "soldoutdate"
					}, //下架时间
					{
						label: "操作",
						value: "opt"
					},

				],
				// ===============================================
				// 遍历  岗位管理里得  已发布  岗位下面的表单
				// ===============================================
				tableColumn_1: [{
						label: "招聘企业",
						value: "companyname"
					},
					{
						label: "职位名称",
						value: "positionname"
					},
					{
						label: "工作地点",
						value: "address"
					},
					{
						label: "薪资待遇",
						value: "offer"
					},
					{
						label: "要求年限",
						value: "worklife"
					},
					{
						label: "招聘人数",
						value: "recruitment"
					},
					{
						label: "已过保障期人数",
						value: "periodnum"
					},
					{
						label: "已支付费用",
						value: "paynum"
					},
					{
						label: "未过保障期人数",
						value: "notperiodnum"
					},
					{
						label: "未支付费用",
						value: "notpaynum"
					},
					{
						label: "发布日期",
						value: "insertdate"
					},
					{
						label: "积分详情", //新增
						value: "integral"
					},
					{
						label: "下架类型",
						value: "soldouttype"
					}, //下架类型
					{
						label: "下架时间",
						value: "soldoutdate"
					}, //下架时间
					{
						label: "操作",
						value: "opt"
					},

				],
				// ===============================================
				// 遍历  岗位管理里得   未付费员工   下面的表单
				// ===============================================
				tableColumn_: [{
						label: "企业名称",
						value: "companyname"

					},
					{
						label: "岗位名称",
						value: "positionname"
					},
					{
						label: "岗位发布时间",
						value: "insertdate"
					},
					{
						label: "入职人员名称",
						value: "name"
					},
					{
						label: "入职时间",
						value: "entrydate"
					},
					{
						label: "过保障期时间",
						value: "perioddate"
					},
				],
				tableData: [],
				tableDatayfb: [],
				tableData1: [],
				detailFlag: false,
				total: 0,
				total1: 0,
				pageSize: 10,
				currentPage: 1,
				positionid: "",
				remark: "",
				company: "",
				regions: [],
				addressOptions: [],
				addressProps: {
					value: "code",
					label: "name",
					children: "subLevelModelList"
				},
				tabs: [{
						label: "已发布岗位",
						value: 12,
						status: "1"
					},
					// { label: "未付费岗位", value: 200, status: "2" },
					{
						label: "未审核岗位",
						value: 200,
						status: "3"
					},
					{
						label: "已审核岗位",
						value: 200,
						status: "4"
					},
					{
						label: "已下架岗位",
						value: 200,
						status: "5"
					},
					{
						label: "未付费员工",
						value: 200,
						status: "6"
					},
					// {
					// 	label: "已付费员工",
					// 	value: 200,
					// 	status: "7"
					// }
				],
				totalNum: 0,
				roleLevelOptions: [{
						type: null,
						label: "全部"
					},
					{
						type: 0,
						label: "企业下架"
					}, {
						type: 2,
						label: "平台下架"
					}
				],
				level: "0",
				global: {},
				additionalDialogVisible: false, //
				warnDialogVisible: false,
				logDialogVisible: false,
				soldOutDialogVisible: false,
				reportType: '', //上报type
				reportId: '', //上报id
				reportContent: '', //上报内容
				logTabData: [], // 日志
				logPagenum: 1,
				logTotalnum: 0,
				logSendData: {
					orderid: '',
					type: '4',
				},
				soldOutReason: '',
				additionalremark: '',
				result: '1',
				jifen: '',
				hourjifen: '',
				redioNum: '1',
				Temporarystorage: {}, //额外奖励积分的暂存对象
				DetermineData: false,
			};
		},
		created() {
			this.getshenhelist();
			this.global = this.GLOBAL;
			this.getAuthority();
		},
		mounted() {
			this.query("1");
			this.getList(null);
			this.getCityDate();
		},
		computed: {
			paystatus() {
				if (this.Action === "6") {
					return 0
				} else if (this.Action === "7") {
					return 1
				} else {
					return null
				}
			}
		},


		methods: {
			//获取审核人列表的的label
			getlable() {
				console.log(this.peoplename);
				this.$nextTick(() => {
					console.log(this.$refs.testCascader.selectedLabel);
					this.form.auditorname = this.$refs.testCascader.selectedLabel
				})
			},
			checkInfo(r) {
				this.checkFlag = true;
				this.info = r;
			},
			showLogDetail(item) {
				this.logSendData.orderid = item.positionid
				this.logPagenum = 1
				this.getLogDetail()
			},
			getLogDetail() {
				let sendData = Object.assign({
					pagenum: this.logPagenum
				}, this.logSendData)
				this.$axios.post('/app/v1/platform/unusual/operateLogList', sendData).then(res => {
					if (res.data.code != 1) return
					this.logTabData = res.data.data.list || []
					this.logTotalnum = +res.data.data.totalnum || 0
					this.logDialogVisible = true
				})
			},
			getAuthority() {
				let userinfo = localStorage.getItem('userinfo');
				userinfo = JSON.parse(userinfo);
				this.level = userinfo.level;
				this.form.province = userinfo.province || '';
				this.form.city = userinfo.city || '';
				this.form.area = userinfo.area || '';
				this.form.citys = [];
				this.form.citys.push(+userinfo.province);
				this.form.citys.push(+userinfo.city);
				this.form.citys.push(+userinfo.area);
			},

			searchData() {
				this.form.pagenum = 1;
				this.currentPage = 1;
				if (this.Action === "6" || this.Action === "7") {
					this.form.pagenum = 1
					this.getCompanyPaymentList()
				} else {
					this.getList();
				}
			},
			getCityDate() {
				this.$http.get("assets/citys.json").then(
					res => {
						// 响应成功回调
						let tempArr = res.body.city;
						tempArr.forEach(el => {
							el.subLevelModelList.forEach(ele => {
								delete ele.subLevelModelList;
							});
						});
						this.addressOptions = tempArr;
					},
					res => {
						// 响应错误回调
						alert("服务器请求失败");
					}
				);
			},
			changeCity() {
				this.form.region = this.regions[this.regions.length - 1];
			},
			clearData() {
				this.getAuthority();
				this.form.starttime = "";
				this.form.endtime = "";
				this.form.companyname = "";
				this.form.soldouttype = "";
			},


			query(num) {
				this.Action = num;
				this.currentPage = 1;
				this.form.pagenum = 1;
				this.clearData();
				if (this.Action === "1") {
					this.form.tabstype = "1";
					this.getList(null);
				} else if (this.Action === "2") {
					this.form.tabstype = "0";
					this.form.bountyExit = null //把除了已发布岗位的其他页面的开关全部关掉
					this.getList(null);
				} else if (this.Action === "3") {
					this.form.tabstype = "2";
					this.form.bountyExit = null //把除了已发布岗位的其他页面的开关全部关掉
					this.getList(null);
				} else if (this.Action === "4") {
					this.getshenhelist()
					this.form.tabstype = "3";
					this.form.bountyExit = null //把除了已发布岗位的其他页面的开关全部关掉
					this.getList(null);
				} else if (this.Action === "5") {
					this.form.tabstype = "4";
					this.form.bountyExit = null //把除了已发布岗位的其他页面的开关全部关掉
					this.getList(null);
				} else if (this.Action === "6") {
					this.pageSize = 10
					this.getCompanyPaymentList();
				}
				// else if (this.Action === "7") {
				// 	console.log(this.pageSize);
				// 	if(!this.loading){
				// 		this.pageSize = 10
				// 		this.getCompanyPaymentList();
				// 	}
				// }
			},
			getCompanyPaymentList() {
				this.$axios.post("/app/v1/platform/company/companyPaymentList", {
					pagenum: this.form.pagenum,
					pagesize: 10,
					companyname: this.form.companyname,
					paystatus: this.paystatus,
					starttime: this.form.starttime,
					endtime: this.form.endtime,
				}).then(res => {
					if (res.data.code !== 1) return
					let resData = res.data.data
					this.pageSize = Number(resData.pagesize);
					// this.total = Number(resData.totalnum);
					this.total1 = Number(resData.totalnum);
					this.totalpage = Number(resData.totalpage);
					this.tableData1 = resData.list || [];
				})
			},
			// 审核人员列表
			getshenhelist() {
				let params = {}
				this.$flexibleAxios
					.post("/v1/common/backStageUser", params)
					.then(res => {
						this.$nextTick(() => {
							this.peoplelist = res.data.data
						})

					})
			},
			async getList(p) {
				if (this.form.starttime && this.form.endtime && Date.parse(this.form.starttime) > Date.parse(this.form
						.endtime)) {
					this.$message({
						message: "结束时间不能早于开始时间",
						type: "warning"
					});
					return;
				}
				// this.$axios
				// 	.post("/app/v1/platform/company/positionlist", this.form)
				this.$flexibleAxios
					.post("/v1/platform/company/positionlist", this.form)
					.then(res => {
						if (res.data.message === "success.") {
							this.loading = false;
							this.istrue = false;
							let result = res.data.data;
							let temp = result.list;
							temp.forEach(el => {
								// el.insertdate = el.insertdate.split(" ")[0];
								if (!el.miniwage && el.maxwage) {
									el.offer = `${parseInt(el.maxwage) / 1000}K以下`;
								} else if (!el.maxwage && el.miniwage) {
									el.offer = `${parseInt(el.miniwage) / 1000}K以上`;
								} else if (el.maxwage == el.miniwage) {
									el.offer = `${parseInt(el.miniwage) / 1}元/小时`
								} else {
									el.offer =
										`${parseInt(el.miniwage) / 1000}-${parseInt(
                  el.maxwage
                ) / 1000}K`;
								}
							});
							
							if(this.form.bountyExit==1){
								
							}

							this.tableData = temp;

							if (this.Action === "1") {
								this.tableDatayfb = temp
							}

							// if(this.Action === "3"){
							// 	console.log(88888);
							// 	setTimeout(()=>{
							// 		this.tableData = temp;
							// 	},3000)
							// }else {
							//		this.tableData = temp;
							// 		console.log(77777);
							// }

							console.log(this.tableData);

							this.pageSize = Number(result.pagesize);
							this.total = Number(result.totalnum);
							this.totalpage = Number(result.totalpage)
						} else {
							this.loading = true;
							this.$message({
								message: res.data.message,
								type: "error"
							});
						}
					});
			},
			positionAuditCommit(positionid) {
				this.$ceshiAxios.post("/v1/platform/company/positionAuditCommit", {
					"positionid": positionid,
					"userid": localStorage.getItem("userid")
				}).then(res => {
					if (res.data.code == 1) {
						this.getList();
					}

				})

			},
			pageChange(p) {
				this.form.pagenum = p + "";
				this.currentPage = p;
				if (this.Action === "6" || this.Action === "7") {
					this.form.pagenum = p
					this.getCompanyPaymentList()
				} else {
					this.getList(p.toString());

				}
			},
			toAdd() {
				this.$router.push({
					path: "/add"
				});
			},
			showDetail(row) {
				this.positionid = row.positionid;
				this.remark = row.remark;
				this.company = row.companyname;
				this.detailFlag = true;
			},
			//岗位审核
			toExamine(row) {
				console.log(row);
				var positionid = row.positionid;
				this.$confirm("是否确定审核？", "提示", {
					confirmButtonText: "确定",
					cancelButtonText: "取消",
					type: "warning"
				}).then(() => {
					this.positionAuditCommit(positionid);
				}).catch(() => {
					this.$message({
						type: "info",
						message: "已取消审核"
					});
				});

			},
			//查看

			// 2.下架
			remove(row) {
				let pid = row.positionid;
				this.$axios
					.post("/app/v1/platform/company/cancelrefund", {
						positionid: pid
					})
					.then(res => {
						if (res.data.message === "success.") {
							this.restoration.positionid = pid;
							(this.restoration.restoremoney = Math.floor(
								res.data.data.restoremoney * 100 / 100
							)),
							(this.restoration.restoreintegral = Math.floor(
								res.data.data.restoreintegral * 100 / 100
							));
							this.soldOutDialogVisible = true;
						} else {
							this.$message({
								message: res.data.message,
								type: "error"
							});
						}
					});
			},

			// 3.确定下架
			sendRemove() {
				if (!this.restoration.remark) return this.$message.error('请输入下架理由')
				this.$ceshiAxios
					.post("/v1/platform/company/cancelposition", this.restoration)
					.then(res => {
						if (res.data.message === "success.") {
							this.$message({
								message: "下架成功!",
								type: "success"
							});
							this.soldOutDialogVisible = false
							this.getList(null);
						} else {
							this.$message({
								message: res.data.message,
								type: "error"
							});
						}
					});
			},
			// 1.校验人员
			// remove(row) {
			//   let pid = row.positionid;
			//   this.$axios
			//     .post("/app/v1/ent/position/checkPerson", { positionid: pid })
			//     .then(res => {
			//       if (res.data.message === "success.") {
			//         this.calcScore(pid);
			//       } else {
			//         this.$message({
			//           message: res.data.message,
			//           type: "error"
			//         });
			//       }
			//     });
			// },
			cancle(f) {
				this.detailFlag = f;
				this.currentPage = 1;
				this.getList();
			},
			handleSizeChange(val) {
				this.form.pagesize = val;
				if (this.Action === "6" || this.Action === "7") {
					this.form.pagenum = 1
					// this.form.pagesize = 10
					this.getCompanyPaymentList()
				} else {
					this.getList();

				}
			},
			// 选择城市
			handleCityChange(val) {
				this.form.citys = val;
				this.form.province = val[0];
				this.form.city = val[1];
				this.form.area = val[2];
			},
			//上报
			toReport(r, type) {
				this.warnDialogVisible = true;
				this.reportType = type;
				this.reportContent = '';
				this.reportId = r.positionid;
			},
			// 额外奖励积分
			additional(r) {
				this.jifen = ''
				this.hourjifen = ''
				console.log(r)
				if(!this.insertOrupdate){
					this.rewardmoney=''
				}
				this.Temporarystorage = r
				this.additionalDialogVisible = true;
				this.$ceshiAxios.post('/v1/PositionBounty/selectByPositionid', {
					// this.$flexibleAxios.post('/v1/PositionBounty/selectByPositionid', {
					positionid: r.positionid
				}).then(res => {
					if(this.insertOrupdate){
						this.rewardmoney=res.data.data.rewardtime
					}
					console.log(res)
					if (res.data.code === 1004) {
						this.jifen = '',
							this.hourjifen = '',
							this.additionalremark = ''
						this.DetermineData = false
					}
					if (res.data.code === 1) {
						this.DetermineData = true
						if (res.data.data.rewardtype === '1') {
							this.redioNum = '1'
							this.result = '1'
							this.jifen = res.data.data.rewardmoney
							this.additionalremark = res.data.data.rewardtime
						}
						if (res.data.data.rewardtype === '2') {
							this.redioNum = '2'
							this.result = '2'
							this.hourjifen = res.data.data.rewardmoney
							this.additionalremark = res.data.data.rewardtime
						}
					}
				})

			},
			//设定额外奖励积分的确定按钮
			additionalReport() {
			 if(this.rewardmoney==''){
				 return this.$message.error('请输入额外奖励金额！！！')
			 }
				 
				//如果没有设定过额外奖励积分
				if (!this.insertOrupdate) {
					this.$ceshiAxios.post('/v1/PositionBounty/insertPositionBounty', {
						// this.$flexibleAxios.post('/v1/PositionBounty/insertPositionBounty', {

						positionid: this.Temporarystorage.positionid,
						rewardtype: 3,
						auditor: localStorage.getItem('checkHuman').toString().replace(/"/g, ''),
						rewardtime: this.rewardmoney
					}).then(res => {
						console.log(res)
						if (res.data.code === 1) {
							this.searchData()
							this.$message({
								type: "success",
								message: "额外奖励金额设定成功!"
							});
							this.additionalDialogVisible = false;
						} else {
							this.$message({
								type: "error",
								message: "额外奖励金额设定失败!"
							});
						}
					})
				}
				//如果设定过额外奖励积分
				if (this.insertOrupdate) {
					this.$ceshiAxios.post('/v1/PositionBounty/updatePositionBounty', {
						// this.$flexibleAxios.post('/v1/PositionBounty/updatePositionBounty', {
						positionid: this.Temporarystorage.positionid,
						rewardtype: 3,
						auditor: localStorage.getItem('checkHuman').toString().replace(/"/g, ''),
						rewardtime:this.rewardmoney,
						deleted: '0'
					}).then(res => {
						console.log(res)
						if (res.data.code === 1) {
							this.$message({
								type: "success",
								message: "额外奖励金额修改成功!"
							});
							this.additionalDialogVisible = false;
							this.searchData()
							
						} else {
							this.$message({
								type: "error",
								message: "额外奖励金额设定失败!"
							});
						}
					})
				}
				
			},
			// 取消已设定的积分
			endThisPay() {
				if (!this.DetermineData) {
					this.$message({
						type: "error",
						message: "操作失败!"
					});
					return
				}
				this.$confirm('确定取消已设定的奖励吗？, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$ceshiAxios.post('/v1/PositionBounty/updatePositionBounty', {
						positionid: this.Temporarystorage.positionid,
						rewardtype: this.redioNum === '1' ? 1 : 2,
						rewardmoney: this.redioNum === '1' ? this.jifen : this.hourjifen,
						auditor: localStorage.getItem('checkHuman').toString().replace(/"/g, ''),
						rewardtime: this.additionalremark,
						deleted: '1'
					}).then(res => {
						console.log(res)
						if (res.data.code === 1) {
							this.$message({
								type: "success",
								message: "已取消已设定的奖励!"
							});
							this.jifen = '',
								this.hourjifen = '',
								this.additionalremark = ''
							setTimeout(() => {
								this.additionalDialogVisible = false
							}, 2000);
							this.searchData()
						} else {
							console.log('怎么肥四？')
						}
					})
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '您取消了该操作'
					});
				});
			},
			resultChange(r) {
				console.log(r)
				this.redioNum = r
				// 这个change事件的回调 是 选中的 Radio label 值
				// 当这个回调参数的值 ===1 的时候 说明是通过的，所以上传的 remark 的值为空，
				// 如果这个回调参数的值 ===2 的时候，说明被驳回了，所以 会显示出 驳回的input框，然后把remark的值传回后台
				if (r === "1") this.hourjifen = "";
				if (r === '2') this.jifen = ''
			},
			closeWarnDialog() {
				this.reportContent = "";
			},
			//上报请求
			reportAjax() {
				let data = {
					id: this.reportId,
					reporttype: this.reportType,
					content: this.reportContent
				}
				if (!this.reportContent) {
					this.$message({
						type: "warning",
						message: "上报内容不能为空!"
					});
					return;
				}
				this.$axios
					.post("/app/v1/platform/unusual/reportSubmit", data)
					.then(res => {
						if (res.data.message === "success.") {
							this.warnDialogVisible = false;
							this.$message({
								type: "success",
								message: "操作成功!"
							});
						} else {
							this.warnDialogVisible = false;
							this.$message({
								message: res.data.message,
								type: "error"
							});
						}
					});
			},
			//上报里确定
			confirmReport() {
				this.reportAjax();
			},
			reset(formName) {
				// this.$refs[formName].resetFields();
				this.form.starttime = this.form.endtime = this.form.companyname = this.form.soldouttype = "";
				this.getAuthority();
			},
			// 开关
			onOffChange(e) {
				console.log(e)
				this.insertOrupdate=e
				if (e) {
					this.value = true
					this.form.bountyExit = 1
				} else {
					this.value = false
					this.form.bountyExit = null
				}
			}
		},
		watch: {
			logPagenum() {
				this.getLogDetail()
			},
			Action: function(val) {
				this.Action = val;
				if (this.Action === "3") {
					this.query("3");
					setTimeout(() => {
						this.getList(null);
					}, 3000)
					console.log("监听");

				}
				if (this.Action === "6") {
					this.query("6");
					setTimeout(() => {
						this.getCompanyPaymentList();
					}, 100)
					console.log("监听getCompanyPaymentList");

				}
			},
		}
	};
</script>
<style lang='less' scoped>
	.fl {
		float: left;
	}

	.fr {
		float: right;
	}

	.search-box {
		display: flex;
		// justify-content: flex-start;
		justify-content: space-between;
		// flex-wrap: wrap;
		// line-height: 120px;
		color: #727272;
		// min-width:1250px;
	}

	.search-box2 {
		display: flex;
		flex-direction: column;
		color: #727272;
	}

	.formItemBox {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-top: 20px;
	}

	.formItemBox:nth-child(2) {
		margin-bottom: 40px;
	}

	.search-item1 {
		// width:33%;

		margin-right: 10px;
		line-height: 40px !important;
	}

	// .formItemBox .search-item1{
	//   width:240px;
	// }
	.search-item1>.search {
		width: 116px;
	}

	.search-item1>span {
		font-size: 14px;
	}

	//Tab
	.cash-title-list {
		display: flex;
		height: 50px;
		margin: 15px 20px 0px 0px;
		padding-left: 20px;
		border-bottom: 1px solid #0064e4;
	}

	.item-title {
		width: 120px;
		height: 50px;
		line-height: 50px;
		border: 1px solid #bfbfbf;
		text-align: center;
		cursor: pointer;
		color: #727272;
		border-bottom: 1px solid #0064e4;
	}

	.action {
		// color: #0064e4;
		// border-left: 1px solid #0064e4;
		// border-top: 1px solid #0064e4;
		// border-right: 1px solid #0064e4;
		// border-bottom: 1px solid #ffffff;
		color: #0064e4;
		border-color: #0064e4 !important;
		background-color: #fff;
		border-bottom-color: #fff !important;
	}

	// .item1 {
	//   border-bottom: 1px solid #0064e4;
	//   border-right: 1px solid #ffffff;
	// }
	// .item2 {
	//   border-bottom: 1px solid #0064e4;
	//   border-left: 1px solid #ffffff;
	// }
	//

	// .user {
	//   display: inline-block;
	//   height: 20px;
	//   padding-right: 10px;
	// }
	// .companyname {
	//   margin-top: 40px;
	//   height: 80px;
	// }
	.name {
		height: 35px;
		width: 220px;
		padding-left: 5px;
		// border: 1px solid #dcdfe6;
	}

	input::-webkit-input-placeholder {
		color: #c0c7da;
	}

	// .time {
	//   padding-right: 10px;
	//   margin-top: 40px;
	//   width: 480px;
	// }
	.search {
		width: 100px;
	}

	.search-right {
		padding: 0;
		margin-left: 205px;
		width: 200px;
	}

	.tableBox {
		margin: 0px 10px 10px 10px;
	}

	.el-table_1_column_1 {
		width: 210px;
	}

	//分页
	.pageBox {
		margin-top: 30px;
	}

	.main {
		margin: 0 20px;
	}

	.el-date-editor.el-input,
	.el-date-editor.el-input__inner {
		width: 170px;
	}

	.posting {
		border-top-color: transparent;
		min-height: 500px;
		padding-left: 15px;

		.toolBox {
			padding-left: 10px;
			padding-right: 10px;
		}

		.add {
			height: 40px;
			width: 120px;
			background-color: #fb551f;
			color: #fff;
			line-height: 40px;
			text-align: center;
			cursor: pointer;
			font-size: 16px;
			font-weight: 600;
		}

		.order {
			height: 100px;

			padding-bottom: 5px;
			color: #909090;

			.el-input__inner {
				font-weight: 600;
			}
		}

		.nodata {
			color: #404040;
			text-align: center;
			font-size: 16px;
			padding: 200px 0;

			.el-icon-warning {
				color: #fc9262;
				font-size: 50px;
				vertical-align: middle;
			}
		}

		.search-item {
			line-height: 100px;

			>span {
				font-size: 14px;
			}
		}
	}

	.socialTitle {
		position: relative;
	}

	.export {
		position: absolute;
		right: 30px;
		top: 50%;
		width: 96px;
		height: 40px;
		background-color: #ffffff;
		border-radius: 20px;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		color: #0064e4;
		border: 1px solid #0064e4;
		transform: translateY(-50%);
	}

	.el-table .cell {
		padding: 0 !important;
	}
</style>
<style>
	#jhdialog .el-dialog__header {
		padding: 0;
	}

	#jhdialog .el-dialog__body {
		padding: 0;
	}

	/* 上报原因样式 */
	.warn-dialog-header {
		font-size: 16px;
		box-sizing: border-box;
		padding: 20px;
		border-bottom: 1px solid #bfbfbf;
	}

	.warn-dialog-header::before {
		content: '';
		border-left: 8px solid #0064e4;
		margin-right: 10px;
	}

	.warn-dialog-body {
		box-sizing: border-box;
		padding: 20px;
	}

	.warn-dialog-body-title {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.warn-dialog-btn {
		margin-top: 165px;
		text-align: center;
	}

	.el-radio-group {
		margin-top: 10px;
	}

	.el-dialog {
		width: 800px;
	}

	/* .el-radio{
    margin-top: 20px;
} */
	.mg30 {
		margin-left: 5px;
	}

	.one_el-radio {
		margin-top: 0;
	}

	.tabShow {
		margin-top: 30px;
		height: 300px;
		padding-bottom: 20px;
	}

	/* .disableClass {
  disabled
} */
</style>
